<ion-header>
    <ion-toolbar content-page>
        <ion-title>
            客户总览
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <div class="top-box">
        <div class="individual-client" (click)="goToPersonalClients()">
            <p>{{personalInsurance}}</p>
            <p>个险客户
                <img src="./assets/images/client/client-index/ico_arrow_down.png" alt="">
            </p>
        </div>
        <span></span>
        <div class="team-client">
            <p>敬请</p>
            <p>期待</p>
            <p>团险客户
                <img src="./assets/images/client/client-index/ico_arrow_down.png" alt="">
            </p>
        </div>
    </div>
    <div class="middle-box">
        <div class="client-map" (click)="goToClientBMap()">
            <img src="./assets/images/client/client-index/icon_client_map.png" alt="">
            <div>
                <p>客户地图</p>
                <p>查看附近客户</p>
            </div>
        </div>
        <div class="client-contact" (click)="goToClientList()">
            <img src="./assets/images/client/client-index/icon_client_contacts.png" alt="">
            <div>
                <p>通讯录</p>
                <p>全部联系人</p>
            </div>
        </div>
        <img class="middle-img" src="./assets/images/client/client-index/bg_arc.png" alt="">
    </div>

    <div class="bottom-box">
        <div class="birth-client" (click)="goToBirthCust()"></div>
        <div class="renewal-client" (click)="goToRenewalCust()"></div>
        <div class="claims-client" (click)="goToCompenCust()"></div>
        <div class="vip-client" (click)="goToVIPClients()" ></div>
        <div class="prospective-client" (click)="goToProspCust()"></div>
        <div class="filter-client" (click)="goToClientFilter()"></div>
    </div>


    <!--<div class="sinOrTeamCust">-->
        <!--<div  class="sinCust" (click)="goToPersonalClients()" >-->
            <!--<i></i>-->
            <!--<p>{{personalInsurance}}</p>-->
            <!--<p>个险客户</p>-->
        <!--</div>-->
        <!--<div class="teamCust">-->
            <!--<i></i>-->
            <!--<p class="teamWord">敬请期待</p>-->
            <!--<p>团险客户</p>-->
        <!--</div>-->
    <!--</div>-->

    <!--<div class="custKind">-->
        <!--<div class="custListLeft">-->
            <!--<div (click)="goToVIPClients()" class="vipCust">-->
                <!--<img src="./assets/images/client/client-index/icon_vip.png" alt="">-->
                <!--<p>VIP客户</p>-->
            <!--</div>-->
            <!--<div class="continueCust" (click)="goToRenewalCust()">-->
                <!--<img src="./assets/images/client/client-index/icon_renewal.png" alt="">-->
                <!--<p>续期客户</p>-->
            <!--</div>-->
            <!--<div class="prospectiveCust" (click)="goToProspCust()">-->
                <!--<img src="./assets/images/client/client-index/icon_prospects.png" alt="">-->
                <!--<p>准客户</p>-->
            <!--</div>-->
            <!--<div class="mapCust" (click)="goToClientBMap()">-->
                <!--<img src="./assets/images/client/client-index/icon_map.png" alt="">-->
                <!--<p>客户地图</p>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="custListRight">-->
            <!--<div class="birthCust" (click)="goToBirthCust()">-->
                <!--<img src="./assets/images/client/client-index/icon_birthday.png" alt="">-->
                <!--<p>生日客户</p>-->
            <!--</div>-->

            <!--<div class="compensationCust" (click)="goToCompenCust()">-->
                <!--<img src="./assets/images/client/client-index/icon_claims.png" alt="">-->
                <!--<p>理赔客户</p>-->
            <!--</div>-->

            <!--<div class="chooseCust" (click)="goToClientFilter()">-->
                <!--<img src="./assets/images/client/client-index/icon_filter.png" alt="">-->
                <!--<p>客户筛选</p>-->
            <!--</div>-->

            <!--<div  class="contactList" (click)="goToClientList()">-->
                <!--<img src="./assets/images/client/client-index/icon_contacts.png" alt="">-->
                <!--<p>通讯录</p>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->

</ion-content>
